<template>
	<view class="u-drop-down">
		<view class="tit">{{title}}</view>
		<view class="s-txt">{{curItem.title}}</view>
		<view class="icon-b"><text class="icon-font arrow-xiala-font" >&#xe618;</text></view>
	</view>
</template>

<script>
	export default
	{
		data()
		{
			return{
				title:"",
				list:[],
				curItem:{},
			}
		}
	}
</script>

<style lang="scss">
	.u-drop-down
	{
		display:flex;
		// padding: 30upx;
		color: #333;
		position: relative;
		width: 350px;
		.tit
		{
			background-color: #eee;
			padding: 10upx;
			// border-radius: 5px;
			width: 100px;
			text-align: center;
		}
		.s-txt
		{
			width: 250px;
			padding: 10upx;
			border: 1px solid #ECECEC;
			
			padding-left: 20px;
		}
		.icon-b
		{
			padding: 10upx;
			position: absolute;
			right: 5px;
		}
	}
</style>
